/*Some CSS*/
* {margin: 0; padding: 0;}
.magnify {
    width: 500px; margin: 50px auto; position: relative;
    border-style:solid;
    border-width:2px;
}

.large {
    width: 200px; height: 200px;
    position: absolute;
    border-radius: 100%;

    /*Tạo hiệu ứng bóng, khung như cái kiếng*/
    box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),
    0 0 7px 7px rgba(0, 0, 0, 0.25),
    inset 0 0 40px 2px rgba(0, 0, 0, 0.25);

    /*Load background gốc*/
    background: url('lumia800.jpg') no-repeat;

    /*đặt display mặc định là none*/
    display: none;
}

/*To solve overlap bug at the edges during magnification*/
.small { display: block; }